/* 
    Document   : development.css
    Created on : Oct 7, 2009, 5:29:07 PM
    Author     : Casey McLaughlin
    Description:
        CIHeadstart Development Tools CSS Page
*/

/*
	Hidden by default - Javascript will automatically make it show up
	when the page is loaded.
*/
div#develop_tools_toggle,
div#develop_tools_contents,
div#develop_tools_db_contents {
	overflow: hidden;
}

div#develop_tools_toggle {
	display: block;
	float: left;
	background-color: #C3C3C3;
	background-image: url('development_label.png');
	background-position: center right;
	background-repeat: no-repeat;
	border-left: 1px solid #666;
	height: 380px;
	width: 24px;
	cursor: pointer;
	z-index: 2001;
}

div#develop_tools_toggle > img {
	margin: 24px 4px;
}

div#develop_tools {
	position: absolute;
	left: 0px;
	top: 100px;
	border: 2px solid #333;
	border-left: 0px;
	border-right-width: 3px;
	background-color: #F0F0F0;
	z-index: 2000;
	display: none;
}

div#develop_tools_contents > p:first-child,
div#develop_tools_db_contents > p:first-child {
	margin-bottom: 8px;
	font-size: 1.2em;
	font-weight: bold;
}

ul#develop_tools_db_sync_changes {
	max-height: 230px;
	overflow-y: scroll;
	overflow-x: hidden;
}

ul#develop_tools_db_sync_changes > li {
	list-style-type: none;
}

div#develop_tools_contents {
	float: left;
	margin: 0px;
	padding: 0px 4px;
	height: 380px;
	z-index: 2001;
	display: none;
}

div#develop_tools_contents p {
	margin: 1px;
}

div#develop_tools_contents hr {
	margin: 4px 2px;
}


div#develop_tools_db_contents {
	float: left;
	width: 470px;
	height: 380px;
	margin: 0px;
	padding: 0px 4px;
	background-color: #F4F4F4;
	border-right: 1px solid #888;
	z-index: 2001;
	display: none;
}